<template>
  <el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 100%"
    @selection-change="handleSelectionChange"
  >
    <el-table-column
      type="selection"
      width="55"
    />
    <el-table-column
      label="包装单号"
      width="120"
    >
      <template slot-scope="scope">{{ scope.row.date }}</template>
    </el-table-column>
    <el-table-column
      prop="name"
      label="包装时间"
      width="120"
    />
    <el-table-column
      prop="address"
      label="数量"
      show-overflow-tooltip
    />
    <el-table-column
      prop="address"
      label="备注"
      show-overflow-tooltip
    />
  </el-table>
</template>

<script>
export default {
  data() {
    return {

      tableData: [
        // {
        //   date: '20200102',
        //   name: 'wangzc',
        //   address: '天津'
        // },
        // {
        //   date: '20200103',
        //   name: '李鑫雨',
        //   address: '天津'
        // }
      ]
    }
  },
  methods: {
    handleSelectionChange(val) {
      // val is array
      console.log(val)
    }
  }
}
</script>

<style lang="sass" scoped>

</style>
